<div class="job_list_02">
	<?php $temp = 0;?>
		<script type="text/javascript">
			<!--
			function showhideJobCat(el){
			UL1 = document.getElementById(el);
			if (UL1.style.display=="none") UL1.style.display="block";
			else UL1.style.display="none";
			}
			//-->
		</script>
	<?php foreach($jobtype as $type):?>
    <?php $temp++;?>
		<img class="horizontalLine clearBoth" width="952" height="1" alt="" src="//cdn6.freelancer.com/img/dadada.gif">
		<p>
			<a onclick="showhideJobCat('<?php echo $type->name;?>');" href="javascript:void(0);"><?php echo $type->name;?></a>
		</p>
		<ul id="<?php echo $type->name;?>" style="display: block;">
			<?php foreach($subjobtype as $subtype):?>
				<?php if($subtype->jobtype_id == $type->id):?>                
					<?php $count = Job::model()->countByAttributes(array('subjobtype_id'=>$subtype->id, 'status'=>2));?>
				<li><a href="index.php?r=job/viewType&id=<?php echo $subtype->id;?>"><?php echo $subtype->name;?> (<?php echo $count;?>)</a></li>
				<?php endif?>
			<?php endforeach?>
		</ul>
		<?php if($temp%3 == 0):?>
		<p class="clear"></p>
		<?php endif?>	
    <?php endforeach?>
	<img class="horizontalLine clearBoth" width="952" height="1" alt="" src="//cdn6.freelancer.com/img/dadada.gif">
</div>